﻿@model N03_11HCA_HTTTHD.Models.TinTuc
@{
    ViewBag.Title = "Danh sách tin tức";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section JavaScriptCSSImport{
    <link href="@Url.Content("~/Content/mycontent/list_counter.css")" rel="stylesheet" type="text/css" />
}

@section MenuTraiImport{
    @Html.Action("MenuTraiCanBan", "Home");
    @Html.Action("MenuTraiTimMua", "Home");
}
@section MenuImport{
    <ul class="nav">
        <li><a href="/ChaoBan">Chào bán</a></li>
        <li><a href="/TimMua">Tìm mua</a></li>
        <li><a href="/DoanhNghiep" class="current">Doanh nghiệp</a></li>
        <li><a href="/TinTuc">Tin tức</a></li>
    </ul>
}

@section JavaScriptDocumentReady{
    //var viTriHienTai = @Model.ListDoanhNghiep.Count;
    var viTriHienTai = 0;
    var soLuongMoiTrang = @N03_11HCA_HTTTHD.TienIch.HeThong.SoLuongLoadTinTucMacDinh;
    var isLoad = 0;

    function LoadDuLieu(){
        if(isLoad == 1){
            return;
        }

        isLoad = 1;

        var mucSX = $("#listMucSapXep").val(); 
        var cachSX = $("#listCachSapXep").val(); 
        var StringSX = mucSX +" "+cachSX;
        $.ajax({
          url: "/TinTuc?jtStartIndex="+viTriHienTai+"&jtPageSize="+soLuongMoiTrang+"&jtSorting="+StringSX,
          type: "post",
          // PlainObject data, String textStatus, jqXHR jqXHR
          success: function( data, textStatus, jqXHR){
           
               for (var i = 0; i < data.length; i++)
               {        
                    var class_li = "";
                    if(i%2==0){
                        class_li ="class='shadow_item'";
                    }
                    var ngay = new Date(parseInt(data[i].NgayDang.substr(6)));
                    var thoiGian = moment(ngay).fromNow(); 
                    //console.log(thoiGian);
                    $('#ulCounter').append('<li '+class_li+'><h3><a href="/TinTuc/ChiTiet/' + data[i].ID+ '">'+data[i].TieuDe +'</a></h3><span class="ngayDang" title="'+ ngay +'">Thời gian đăng: '+ thoiGian +'</span><br/><p class="autohide chaobanpreview" title="'+data[i].NoiDung+'">' + data[i].NoiDung + '</p></li>');
               }

               //tăng số lượng hiện tại lên
               viTriHienTai+= @N03_11HCA_HTTTHD.TienIch.HeThong.SoLuongLoadTinTucMacDinh;

               //xác nhận đã load xong
               isLoad = 0;

               new ElementMaxHeight();
          },
          // jqXHR jqXHR, String textStatus, String errorThrown
          error:function( jqXHR, textStatus,  errorThrown){
              //$("#dsCanban").html(textStatus);
              isLoad = 0;
          }   
        });
    }

    function LoadDuLieuLai(){
        viTriHienTai = 0;
        soLuongMoiTrang = @N03_11HCA_HTTTHD.TienIch.HeThong.SoLuongLoadTinTucMacDinh;
        $('#ulCounter').html("");
        LoadDuLieu();
    }

    $("#listCachSapXep").val("@N03_11HCA_HTTTHD.TienIch.HeThong.CachSapXepTinTucMacDinh");
    $("#listMucSapXep").val("@N03_11HCA_HTTTHD.TienIch.HeThong.LoaiSapXepTinTucMacDinh");

    //Khi thay đổi kiểu sắp xếp thì load lại dữ liệu
    $("#listCachSapXep").change(function () {
        LoadDuLieuLai();
    });

    $("#listMucSapXep").change(function () {
        LoadDuLieuLai();
    });

    $("#loadThem").click(function()
    {
            LoadDuLieu();
    });

    //load khi cuộn
    $(window).scroll(function()
    {

        if($(window).scrollTop() >= ($(document).height() - $(window).height())*0.9)
        {
            LoadDuLieu();
        }
    });
    LoadDuLieu();
}

<h2>Danh sách tin tức</h2>

<div id="sapXep">
    <select id="listMucSapXep">
        <option value="NgayDang">Ngày đăng</option>
        <option value="TieuDe">Tiêu đề</option>
        <option value="NoiDung">Nội dung</option>
        
    </select>
    <select id="listCachSapXep">
        <option value="ASC">Tăng dần</option>
        <option value="DESC">Giảm dần</option>
    </select>
</div>

<div id="dsCanban" class="auto_height" >
<ul class="counter" id="ulCounter">
    <!-- 
    for (int i = 0; i < Model.ListDoanhNghiep.Count; i++)
    {
        Data_DAO_DTO_Lib.DTO.TINTUC_DTO cb = Model.ListDoanhNghiep[i];
        
         <li if (i%2 == 0){Html.Raw("class='shadow_item'")}>
                <h3>
                    <a href="DoanhNghiep/ChiTiet/cb.ID">cb.TieuDe</a></h3>
                    <span>cb.NgayDang</span><br/>
                    <p class="autohide chaobanpreview">cb.NoiDung</p>
            </li>
    }
    -->
</ul>

    <input type="button" id="loadThem" value="Tải thêm" />
</div>
